<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Weba Novare</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <script type="text/javascript" src="client/js/lib/jquery-1.7.1.min.js"/>
        <script type="text/javascript" src="client/js/gui/popup.js"/>
        <script type="text/javascript" src="client/js/gui/popupLogin.js"/>
    </h:head>
    <h:body>
        <ui:include src="/template/header.xhtml" />
        <div class="mainContent">
            <div class="rules">
            <h1>Rules</h1>
            <p>To mark a word you click on the starting letter and drag to extend the word.<br/>
            A marked letter can connect to all its neighbours in any direction.</p><br/>
            <h:graphicImage value="#{resource['images:letterConnections.png']}" height="200" width="200"/><br/>
            <p>To submit a word you just release the mouse button once the word has been created.<br/>
                A word can only be created once during the game.<br/>
                Some letters give more points. The rarer the better!<br/>
                In the upper left corner you see your points. Try to get as much points as possible before the time 
                runs out!<br/>
                After the game, your score will be compared to your opponent's to determine who won. You'll
                also see all words you and your opponent created.</p><br/><br/>
                <h5>Tip: Keep in mind the game supports all grammar. When having an S on the board it's a good habit
                to create nouns with their ends connected to the S. Simply first submit the noun in normal
                form and then in plural!</h5>
            </div>
        </div>
         
        <div class="footerContainer">
            © Copyright 2012 Weba Novare, Gothenburg, Sweden
        </div>
    </h:body>
</html>